import { Outlet } from 'react-router-dom'
import { AliveScope } from 'react-activation'
import {
  ViewListIcon, AppIcon, SystemCoordinateIcon, CooperateIcon, GestureUpIcon,
  BugIcon, BookOpenIcon, ChartLineData1Icon, LayersIcon,
  DataBaseIcon, GitMergeIcon, TaskIcon
} from 'tdesign-icons-react'
import SideBar from '@/components/SideBar'
import styles from './app.module.less'

const App = () => {

  const menuList: SideBarMenuListType = [
    {
      title: '首页',
      icon: <AppIcon />,
      value: 'home',
      isTailNode: true
    },
  ]

  return <div className={styles.app}>
    <SideBar currentAppRouteKey='module-test' menuList={menuList} />
    {/* // 这个侧边栏就是右边的子页面的显示区域 */}
    <div className={styles.content}>
      <Outlet />
    </div>
  </div>
}

export default App
